<template>
  <div>
  
        <p :class="isActive==0?aa:bb">第一段落</p>
        <p :class="{b:isActive==1}">蓝第二段落</p>
        <p class="a"> dfdfd</p>

  </div>
</template>

<script>
export default {
    name:'Mycom2',
    data(){
        return{
            isActive:0,
            aa:'a',
            bb:'b'
           
        }
    }
}
</script>
<style scoped>
    .a{
        color:red;
        font-weight: bold;;
    }
    .b{
        color:blue;
        font-weight: 400;
    }

</style>